<template>
	<view class="container p-bottom" v-if="express.express_name">
		<!-- 物流公司 -->
		<view class="flow-all-money dis-flex b-f padding-box">
			<view class="flex-box">
				<view class="dis-flex flow-all-list-cont">
					<text class="col-7">{{ $t('page_express.Logistics_company') }}: {{ express.express_name }}</text>
				</view>
				<view class="dis-flex flow-all-list-cont">
					<text class="col-7" :selectable="true">{{ $t('page_express.Logistics_tracking_number') }}: {{ express.express_no }}</text>
				</view>
			</view>
		</view>
		<!-- 物流动态 -->
		<view class="logis-detail m-top20 b-f">
			<view :class="'logis-item ' + (index === 0 ? 'first' : '')" v-for="(item, index) in express.list" :key="index">
				<view class="logis-item-content">
					<view class="logis-item-content__describe">
						<text class="f-26">{{ item.context }}</text>
					</view>
					<view class="logis-item-content__time">
						<text class="f-22">{{ item.ftime }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
const app = getApp();
export default {
	data() {
		return {
			options: {},
			express: {
				express_name: '',
				express_no: '',
				list: []
			}
		};
	},
	/**
	 * 生命周期函数--监听页面加载
	 */ onLoad: function(options) {
		// 获取物流动态
		this.getExpressDynamic(options.order_id);
	},
	methods: {
		/**
		 * 获取物流动态
		 */
		getExpressDynamic: function(order_id) {
			let that = this;

			app.globalData._get(
				'user.order/express',
				{
					order_id
				},
				function(result) {
					that.setData(result.data);
				},
				function() {
					uni.navigateBack();
				}
			);
		}
	}
};
</script>
<style>
@import './express.css';
</style>
